<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Analisador L&eacute;xico</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	</head>
<body>
	<script type="text/javascript">
		function showDetail(det) {
			document.getElementById("detail").innerHTML = det;
		}
	</script>

	<style type="text/css">
		.palavrachave {color : #F00;}
		.palavrachave:hover {color : #00F;}
		.identificador:hover {color : #00F;}
	</style>
<span class="palavrachave" onmouseover='javascript:showDetail("Palavra Reservada");' onmouseout='javascript:showDetail("");' />if</span> 
<span class="identificador" onmouseover='javascript:showDetail("Identificador");' onmouseout='javascript:showDetail("");' />a</span>
<span class="identificador" onmouseover='javascript:showDetail("Operador relacional");' onmouseout='javascript:showDetail("");' />=</span>
<span class="identificador" onmouseover='javascript:showDetail("Identificador");' onmouseout='javascript:showDetail("");' />b</span>
<br /><br /><span id='detail'></span></body></html>